<template>
  <!-- 哈工动态(首页)-->
  <div class="container-fluid">
    <div class="row carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img
            src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/banner1111.jpg"
            class="d-block w-100"
            alt="..."
          >
        </div>
        <div class="Suspension">
            <router-link to="/about">
          <p class="cla">了解我们</p>
          </router-link>
          <ul class="kuang">
            <li class="alone">
                <router-link to="/about">
              <p class="child">品牌故事</p>
              </router-link>
            </li>
            <li class="alone1">
                <router-link to="/about">
              <p class="child">企业简介</p>
              </router-link>
            </li>
            <li class="alone2">
                <router-link to="/about">
              <p class="child">发展进程</p>
              </router-link>
            </li>
            <li class="alone3">
              <router-link to="/HarbinDynamics">
                <p class="child">哈工动态</p>
              </router-link>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="data-backd">
        <div class="mics"></div>
    </div>
    <ul>
      <li v-for="item in object" :key="item.id">
    <div class="Ministry row">
      <div class="Education">
        <div class="intermediate">
          <div class="tupian">
            <img :src="item.img" alt="">
          </div>
          <div class="Publicity">
            <div class="student">
              <p>{{item.p}}</p>
            </div>
            <p class="wen">{{item.text}}</p>
             <router-link :to="{name:item.path}">
            <div class="Details">
              <img :src="item.image" alt="">
            </div>
            </router-link>
          </div>
        </div>
      </div>
    </div>
      </li>
    </ul>
  </div>
</template>

<script>
import $ from "jquery"
export default {
  name: "Understand",
  data(){
    const object = [
      {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/jiaoke1.png",
          p:"基地开讲|暨哈工科教机器人与人工智能课程整体解决方案成功发布",
          text:"7月27日下午，由哈尔滨工业大学与北京哈工科教机器人科技有限公司共建的哈工大机器人与智能制造青少年科技培养基地举行了首次开讲活动。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"caitelligent"
        },
      {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/AI.png",
          p:"教育赋能AI，哈工科教CTO出席中小学机器人教师论坛",
          text:"2018年教育部印发的《教育信息化2.0行动计划》中指出“推动人工智能、大数据、物联网等新兴技术为基础，积极开展智慧教育，支持教育模式变革和生态重构”。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"AIintelligent"
        },
      {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/qingshaonian.png",
          p:"哈工大机器人与智能制造青少年科技培养基地正式启动",
          text:"6月6日下午，由哈尔滨工业大学（以下简称“哈工大”）与北京哈工科教机器人科技有限公司（以下简称“哈工科教”）共建的哈工大机器人与智能制造青少年科技培养基地揭牌仪式在哈工大工程创新实践中心隆重举行。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"teens"
        },
       {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/jiqirendiyiming.png",
          p:"第十九届山东省青少年机器人竞赛",
          text:"2019年5月25日，哈工科教少儿机器人编程威海市学员袁同学、王同学、于同学三人携作品《智能垃圾分拣小旋风》参加此次竞赛活动，并荣获大赛初中组一等奖。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"one"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/gongcheng4.png",
          p:"哈工大机器人与智能制造青少年科技培养基地",
          text:"2019年5月15日，哈工大与哈工科教签订《哈工大机器人与智能制造青少年科技培养基地项目校企战略合作意向书》。双方将围绕国家宏观教育政策、学校总体发展规划、企业发展战略，调动和发挥各自资源优势，实现共赢发展。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"Medium"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/china.png",
          p:"哈工科教少儿机器人编程将人工智能主题课带进北京社区",
          text:"2019年3月教育部发布的《2019年教育信息化和网络安全工作要点》指出，编制《中国智能教育发展方案》，启动中小学生信息素养测评，今年将开展对2万名中小学生信息素养评测，推动在中小学阶段设置人工智能相关课程，逐步推广编程教育。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"Informatization"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/pic1_505x379.png",
          p:"哈工科教少儿机器人编程教育走进北京亦庄实验小学",
          text:" 由北京市十一学校与大兴区、北京技术开发区共同创办的北京亦庄实验小学，自 2013年9月正式开班办学以来，学校课程设计对接十一学校的课程改革理念，在全国首倡跨学科课程融合的理念，全面推行教育实验改革，对学校管理和课程进行了全面重构与变革。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"education"
        },
        {
          img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/tupian126.png",
          p:"北京亦庄实验小学机器人编程社团",
          text:"北京亦庄实验小学近年来全面推行教育实验改革，在课程改革的基础上授课模式尝试创新，部分学科采取走班选课形式，校内设立社团，给学生带来丰富多彩的学习体验。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"experiment"
        },
         {
          img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupian127.png",
          p:"哈工科教走进广东佛山三水西南中学",
          text:"2017年，国务院印发《新一代人工智能发展规划》，明确指出人工智能成为国际竞争的新焦点，应逐步开展全民智能教育项，在中小学设置人工智能相关课程，逐步推广编程教育。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"sanshui"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupianw.png",
          p:"哈工科教走进新江中心小学科技节",
          text:" 创办于1906年的新江中心小学，是一所历史悠久、文化底蕴丰厚的百年老校。原全国人大常委会副委员长彭冲老前辈曾在学校工作、革命过，并于1992年4月25日来学校视察，为学校亲笔题名。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"Science"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupianq.png",
          p:"哈工科教厦门校区寒假班完美收官",
          text:" 2013年，英国前首相卡梅伦宣布将计算科学列为中小学基础必修课；2014年，美国前总统奥巴马投入40亿美元加强少儿编程教育，推动计算机教育进入中小学课堂；法国、新加坡、芬兰也已经将编程教育列入初等教育范围。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"End"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupiane.png",
          p:"北京哈工科教提供机器人编程培训指导",
          text:" 哈尔滨工业大学工程创新实践中心成立于2017年，由工程训练中心、哈工大大学生机械创新与创业实训中心和国家级高端装备制造虚拟仿真实验教学中心部分实践资源联合组建。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"Training"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupianr.png",
          p:"亦庄一小参加大兴区中小学生机器人智能创意竞赛",
          text:" 大兴区中小学生机器人智能创意竞赛由少年宫举办，对于培养学生学习与综合运用机器人技术、电子信息技术、工程技术，激发创新思维潜能，提高综合设计和制作的能力极为有益。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"competition"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupiant.png",
          p:"哈工科教少儿机器人编程科普进校园系列活动",
          text:" 2019年3月13日，教育部发布的《2019年教育信息化和网络安全工作要点》指出，启动中小学生信息素养测评，今年将开展对2万名中小学生信息素养评测，推动在中小学阶段设置人工智能相关课程，逐步推广编程教育。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"Popular"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupiany.png",
          p:"哈工科教携自主研发“仿生机械手”亮相朝阳门第二届社会公益汇",
          text:" 北京市朝阳门街道第二届社会公益汇由北京市东城区朝阳门街道主办，北京市东城区朝阳门街道社会工作联合会承办，旨在为朝阳门地区居民需求与专业社会公益组织间搭建了社会公益服务展示、合作、交流、对接的平台。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"series"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/pic5_505x379.png",
          p:"哈工科教少儿机器人编程亮相“2018江苏现代教育装备展”",
          text:" 2018江苏现代教育装备展”是江苏省近年来规模最大、影响最大的现代教育展示会，本次展会在南京国际展览中心举行，来自全国各地的120余家教育装备企业参展，全面展示各级各类教育所需的智慧校园装备。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"jiangsunanjing"
        },
        {
           img:"http://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/pic3_505x379.png",
          p:"机器人编程进校园——哈工科教走进山西杏花岭东华门小学",
          text:" 杏花岭东华门小学是一所在山西省乃至全国都享有盛誉的实验学校，以其独特的办学特色而广为人知。“科研兴校、科研促教”是东华门小学通过十五年的改革探索出的一条独具特色的发展道路。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"donghuaxiaoxue"
        },
        {
           img:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/pic8_505x379.png",
          p:"哈工科教小学员斩获金鹏科技论坛活动一等奖",
          text:" 北京市中小学生金鹏科技论坛是由北京市教委主办，北京各区青少年活动中心组织承办并实施的一项在全市有广泛影响的科技教育活动。",
          image:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png",
          path:"jinpengkeji"
        },
        
    ];
  
    return{
      object,
      currentPage: 1,
      pagesize: 5,
    }
  },
   mounted() {
    $(".alone").click(function() {
      scrollTo(0, 427);
      $(".alone")
        .addClass("stage1")
        .siblings()
        .removeClass("stage1");
    });
    $(".alone1").click(function() {
      scrollTo(0, 1413);
      $(".alone1")
        .addClass("stage1")
        .siblings()
        .removeClass("stage1");
    });
    $(".alone2").click(function() {
      scrollTo(0, 2213);
      $(".alone2")
        .addClass("stage1")
        .siblings()
        .removeClass("stage1");
    });
  },
};
</script>

<style scoped>
/*index.vue  scoped独有 */
.data-backd{
  min-width: 1200px;
    height: 190px;
    background: #eeeeee;
    padding-top: 100px;
    margin-right: -15px;
    margin-left: -15px;
}
.carousel-inner {
  min-width: 1200px;
}
.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@font-face {
  font-family: "pictos";
  src: url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/font.TTF");
  src: url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/font.TTF")
      format("woff"),
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/font.TTF")
      format("truetype"),
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/font.TTF")
      format("svg");
}
@font-face {
  font-family: "heiti";
  src: url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/AdobeHeitiStd-Regular.otf");
  src: url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/AdobeHeitiStd-Regular.otf")
      format("woff"),
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/AdobeHeitiStd-Regular.otf")
      format("truetype"),
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/AdobeHeitiStd-Regular.otf")
      format("svg");
}
@font-face {
  font-family: "gaoduanhei";
  src: url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/gaoduanhei.TTF");
  src: url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/gaoduanhei.TTF")
      format("woff"),
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/gaoduanhei.TTF")
      format("truetype"),
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/gaoduanhei.TTF")
      format("svg");
}

.Suspension {
  position: fixed;
  z-index: 99999;
  width: 133px;
  top: 40%;
  left: 0px;
  margin: auto;
  margin-left: 10px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/xuanfu2.0.png");
}
.kuang {
  margin-top: 51px;
}
.alone {
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
}
.alone:hover {
  background: #c2e0ff;
  color: #317dd2;
}
.alone1 {
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
}
.alone1:hover {
  background: #c2e0ff;
  color: #317dd2;
}
.alone2 {
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
}
.alone2:hover {
  background: #c2e0ff;
  color: #317dd2;
}
.alone3 {
  text-align: center;
  color: #ffffff;
  margin-bottom: 0px;
  cursor: pointer;
  height: 45px;
  line-height: 45px;
}
.alone a {
  color: #ffffff;
}
.alone1 a {
  color: #ffffff;
}
.alone2 a {
  color: #ffffff;
}
.alone3 a {
  color: #ffffff;
}
.alone3:hover {
  background: #c2e0ff;
  color: #317dd2;
  border-radius: 0 0 0 8px;
}
.child {
  font-family: "黑体";
  font-size: 16px;
  margin-bottom: 0px;
  cursor: pointer;
  text-shadow: 1px 1px 4px #2e70bf;
}
.cla {
  font-family: "gaoduanhei";
  font-size: 20px;
  margin-bottom: -33px;
  text-align: center;
  margin-top: 2px;
  color: #ffffff;
  line-height: 34px;
  text-shadow: 1px 1px 4px #d98a02;
}
.stage1 {
  color: orange;
}
.harbin {
  min-width: 1200px;
  height: 500px;
  background: #eeeeee;
}
.harbin1 {
  min-width: 1200px;
  height: 500px;
  background: #ffffff;
}
.dynam {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
}
.dynam1 {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
}
.mics {
  width: 139px;
  height: 28px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/ha.png");
  margin: auto ;
}
.dabig {
  width: 1200px;
  height: 379px;
}
.dabig1{
    width: 1200px;
  height: 379px;
  margin-top: 66px;
}
.heyi {
  width: 505px;
  height: 379px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/tupian126.png");
  margin-right: 190px;
  float: left;
}
.heyi1{
    width: 505px;
  height: 379px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupian127.png");
  margin-left: 190px;
  float: right;
}
.fixes {
  width: 505px;
  height: 379px;
  float: right;
}
.Kilometer {
  width: 503px;
  height: 125px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 61px;
}
.Kilometer p{
  margin-bottom: 0px;
}
.Kilometer1{
  width: 503px;
  height: 108px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 50px;
}
.Kilometer1 p{
  margin-bottom: 0px;
}
.wen {
  font-size: 24px;
  color: #666666;
  text-align: justify;
  margin-bottom: 35px;
}
.wen1 {
  font-size: 24px;
  color: #666666;
  text-align: justify;
  margin-bottom: 40px;
}
.View {
  width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.View:hover {
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.View1 {
  width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.View1:hover {
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.Ministry{
    min-width: 1200px;
    height: 516px;
    background: #EEEEEE;
}
.Education{
    width: 1200px;
    height: 516px;
    margin: 0 auto;
}
.intermediate{
    width: 1200px;
    height: 379px;
    margin-top: 74px;
}
.tupian{
    width: 505px;
	height: 379px;
    float: left;
    margin-right: 192px;
    background: no-repeat url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupianw.png")
}
.Publicity{
    width: 502px;
    height: 379px;
    float: right;
}
.student{
      width: 503px;
  height: 102px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 47px;
}
.wenzhang{
    font-family: MicrosoftYaHei;
	font-size: 24px;
    color: #666666;
    margin-bottom: 18px;
}
.Details{
     width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.Details:hover{
    background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.isef{
     width: 505px;
  height: 379px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupianq.png");
  margin-left: 190px;
  float: right;
}
.game{
       width: 503px;
  height: 83px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 45px;
}
.wenzh{
    font-family: MicrosoftYaHei;
	font-size: 24px;
    color: #666666;
    margin-bottom: 41px;
}
.Details1{
     width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.Details1:hover{
    background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.tupian1{
    width: 505px;
	height: 379px;
    float: left;
    margin-right: 192px;
    background: no-repeat url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupiane.png")
}
.student1{
          width: 503px;
  height: 108px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 47px;
}
.wenzhang1{
    font-family: MicrosoftYaHei;
	font-size: 24px;
    color: #666666;
    margin-bottom: 40px;
}
.Details1{
     width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.Details:hover{
    background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.isef1{
     width: 505px;
  height: 379px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupianr.png");
  margin-left: 187px;
  float: right;
}
.game1{
    width: 503px;
  height: 108px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 47px;
}
.wenzh1{
    font-family: MicrosoftYaHei;
	font-size: 24px;
    color: #666666;
    margin-bottom: 27px;
}
.Details2{
     width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.Details2:hover{
    background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.tupian2{
    width: 505px;
	height: 379px;
    float: left;
    margin-right: 192px;
    background: no-repeat url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupiant.png")
}
.student2{
     width: 503px;
  height: 108px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 47px;
}
.wenzhang2{
    font-family: MicrosoftYaHei;
	font-size: 24px;
    color: #666666;
    margin-bottom: 25px;
}
.Details3{
     width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.Details3:hover{
    background: no-repeat
   url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
.isef2{
     width: 505px;
  height: 379px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/tupiany.png");
  margin-left: 190px;
  float: right;
}
.game2{
     width: 503px;
  height: 108px;
  font-family: "pictos";
  font-size: 34px;
  color:#1873EF;
  border-bottom:6px solid #1873EF;
  margin: 0 auto;
  margin-bottom: 33px;
}
.wenzh2{
    font-family: MicrosoftYaHei;
	font-size: 24px;
    color: #666666;
    margin-bottom: 38px;
}
.Details4{
     width: 160px;
  height: 50px;
  margin: 0 auto;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan.png");
}
.Details4:hover{
    background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/chakan_hover.png");
}
</style>